<template>
  <div id="app">
      <router-view/>
      <div v-if="isLoading" style="width:100%;height:100%;background-color:rgba(150,150,150,0.1);position:fixed;top:0px;left:0px;z-index:100;padding-top:300px;">
        <i class="el-icon-loading" style="font-size:36pt;"></i><br>加载中...
      </div>
  </div>
</template>

<script>
export default {
  name: 'App', 
  data(){
    return {
    }
  },
  computed:{
    isLoading(){
      return this.$store.state.isLoading;
    }
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  background-color: #eeeeee;
}
html,body,#app {height: 100%;}
.disposalCategory .el-checkbox__input.is-disabled .el-checkbox__inner{
    background-color: #000000;
  }
  .emergencyDisease .el-checkbox__input.is-checked .el-checkbox__inner, .emergencyDisease .el-checkbox__input.is-indeterminate .el-checkbox__inner{
    background-color: #ff0000;
    border-color: #ff0000; 
  }
  .visit .el-checkbox__input{
    vertical-align: top;
    line-height: 50px;
  }
  .searchInput .el-input__inner{
    width: 800px;
  }
  .pressure .el-input__inner{
    border-color: #ffffff;
    border-radius:0px;
  }
  .manual .el-checkbox__input.is-disabled+span.el-checkbox__label{
    color: #409EFF;
    cursor: pointer;
  }
</style>
